<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns="http://www.w3.org/1999/html">
<head>
    <meta name="Generator" />
    <!-- <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title># </title><!-- {$seo_title}- -->
    <meta name="keywords" content="{$seo_keyword}" />
    <meta name="description" content="{$seo_description}" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=0">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <!-- 告诉设备忽略将页面中的数字识别为电话号码 -->
    <meta http-equiv="cleartype" content="on">
    <meta http-equiv="Cache-Control" content="no-cache"/>
    <meta name="Keywords" content="{$seo_keyword}">
    <meta name="Description" content="{$seo_description}">
    <meta name="wap-font-scale" content="no">

    <link rel="stylesheet" type="text/css" href="css/jquery.fullPage.css" />
    <link rel="stylesheet" type="text/css" href="css/style.css" />
     <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
    <script src="js/jquery-ui-1.10.3.min.js "></script>
    <script src="js/jquery.fullpage.min.js"></script>
    <script  type="text/javascript">
      $(function(){
            $.fn.fullpage({
                verticalCentered: false,
                anchors: ['page1', 'page2','page3','page4','page5'],
                //navigation: true,
                navigationTooltips: ['test1', 'test2','test3','test4','test5'],
                afterLoad: function(anchorLink, index){/*index表示当前页的索引值*/
                    if(index<5){
                      $(".share-dialog").hide();
                    }
                }
            });
            
            
        });
 
      $(function(){
         function audioAutoPlay(id){//兼容微信
            var audio = document.getElementById(id);
            audio.play();
            audio.loop = "loop";
            document.addEventListener("WeixinJSBridgeReady", function () {
                    audio.play();
            }, false);
          }
        audioAutoPlay('musicBg');


        // $('#btnMusic').click(function() {
        //   var audio = document.getElementById("musicBg");
        //    if(audio.paused) {//暂停
        //       audio.play();
        //       $(this).removeClass("music_off");
        //    } else {
        //       audio.pause();
        //        $(this).addClass("music_off");
        //    }
        //   return false;
        // });
      var audio = document.getElementById("btnMusic");
      var music = document.getElementsByTagName("audio")[0];
      //当音乐播放停止时，自动停止光盘旋转
      music.addEventListener("ended", function(event){
        music.setAttribute("class","");
      },false);
      audio.addEventListener("touchstart",function(event){
         if(music.paused){
          $(this).addClass("play");
          music.play();
          $(this).addClass("m1").removeClass("m2");

        }else{
           $(this).removeClass("m1").addClass("m2");
          music.pause();
           $(this).removeClass("play");
        }
      },false);

      //我要分享
      $(".share-dialog").hide();
      $(".bth-share").click(function(){
        $(".share-dialog").show();
      });
      $(".share-dialog").click(function(){
          $(this).fadeOut();
      });

});


</script> 
</head>
<body>

<div class="page-container">
<audio preload src="ct.mp3" loop="true" autoplay="autoplay" id="musicBg" type="audio/mpeg" ></audio>
<div class="btn_music play m1" id="btnMusic"></div>

  <div class="section section1">
    <div class="section1-box">
      <img src="images/1_01.png" alt="" class="section-bg" />
       <div class="section1-top-right">一颗能吃出<br>海鲜味的鸭蛋</div>
       <div class="section1-bottom-left1">只做有人情味的小众定制</div>
       <img src="images/1_03.png" alt="" class="section1-bottom-pic" />
       <img src="images/1_02.png" alt="" class="section1-bottom-pic2" />
    </div>
    <div class="top-dt">
      <img src="images/top.png" alt="" />
    </div>
  </div>
  <div class="section section2">
    <div class="section2-top">
      <span class="section2-span1">每天海潮退去，</span><br>
      <span class="section2-span2">海鸭漫步于红树林的海滩上，</span><br>
      <span class="section2-span3">滞留海滩的小鱼、小虾、小蟹、小螺</span><br>
      <span class="section2-span4">就成了海鸭们的可口的盛宴。</span><br>
    </div>
    <img src="images/2_02.png" alt="" class="section2_bottom-pic1" />
    <img src="images/2_01.png" alt="" class="section2_bottom-pic2" />
   <div class="top-dt">
      <img src="images/top.png" alt="" />
    </div>
  </div>
  <div class="section section3">
    <img src="images/3_01.png" alt="" class="section3-top-bg" />
    <img src="images/3_02.png" alt="" class="section3-top-pic" />
    <div class="section3-center-info">
      儿时的味道<br>
      一颗带着童年回忆的蛋
    </div>
    <img src="images/1_03.png" alt="" class="section3-bottom-pic" />
    <div class="section3-bottom-info">
      靠海吃饭的渔家孩子，<br>
      小时候没有过多的零食，<br>
      母亲一颗红树林的海鸭蛋，<br>
      就能带来一整天的快乐。<br>
    </div>
    <div class="top-dt">
      <img src="images/top.png" alt="" />
    </div>
  </div>
  <div class="section section4">
    <img src="images/1_03.png" alt="" class="section4-top-pic" />
    <img src="images/4_01.png" alt="" class="section4-top-bg" />
    <div class="section4-bottom-box">
      <div class="section4-bottom-title">天然氧吧<br>好生态才有好品质</div>
      <div class="section4-bottom-info">
        <span class="section4-span1">北部湾红树林，<br></span>
        <span class="section4-span2">属于亚热带海洋季风性气候，<br></span>
        <span class="section4-span3">温暖湿润，负氧离子含量极高。<br></span>
      </div>
    </div>
   <div class="top-dt">
      <img src="images/top.png" alt="" />
    </div>
  </div>
  <div class="section section5">
    <div class="section5-box">
      <img src="images/1_03.png" alt="" class="section5-bottom-pic" />
      <div class="section5-menu">
        <span class="section5-span1">●三十挑一寻找好蛋源<br>●古法泥腌的秘方上央视<br>●精致包装原创设计<br></span>
      </div>
      <div class="section5-top-info">
        注重每一个细节，<br>只为带给你小众定制的品质。
      </div>
      <img src="images/5_01.png" alt="" class="section5-center-bg" />
      <div class="section5-bottom-box">
       <!--  <p class="section5-title">五人拼团  团长免单</p> -->
        <img src="images/5_02.png" alt="" class="section5-bottom-line" />
        <div class="section5-btn">
          <a href="#" class="btn-pin">我要拼团</a>
          <a href="#" class="bth-share">我要分享</a>
        </div>
        <div class="share-dialog">
          <div class="dialog-filter">
            <div class="dialog-content">
              <img src="images/jian.png" alt="" class="dialog-pic" />
              <div class="dialog-info">请点击右上角通过【发送给朋友】邀请好友购买</div>
            </div>
          </div>
          
        </div>
        <p class="section5-public">关注公众微信号<strong>［知未偶得］</strong></p>
      </div>
    </div>
  </div>
</div>

</body>

</html>



